<!--header start-->
<!-- Preloader -->
    <div class="preloader">
        <div class="loader">
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
    </div>
    <!-- End Preloader --> 

    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-light edu-navbar header-sticky">
        <div class="container">
            <a class="navbar-brand" href="__ROOT__">
                 <notempty name="theme_vars.logo">
                    <img src="{$theme_vars.logo|cmf_get_image_url}" style="max-height: 65px"/>
                    <else/>
                    <php>$sitename = empty($theme_vars['site_name']) ? [] : explode('|', $theme_vars['site_name']);</php>
                    {$sitename[0]|default=''}<span>{$sitename[1]|default=''}</span>
                </notempty>
                <!-- <img src="__TMPL__/public/assets/img/syslogo.png" alt="Logo"> -->
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto">
                    <navigation root="">
                        <php>
                            $fly = $level > 1 ? 'dropdown-item' : 'nav-link' ;
                        </php>
                        <navigationMenu root="li" class="nav-item">
                            <a href="{$menu.href|default=''}" class="{$fly}" target="{$menu.target|default=''}">
                                <span>
                                    {$menu.name|default=''}
                                </span>
                            </a>
                        </navigationMenu>
                        <navigationFolder root="li" class="nav-item dropdown" dropdown="ul" dropdown-class="dropdown-menu" dropdown-aria-labelledby="navbarDropdownAbout" >
                            <a href="{$menu.href|default=''}" class="{$fly} dropdown-toggle" id="navbarDropdownAbout" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
                                <span>{$menu.name|default=''}</span>
                            </a>
                        </navigationFolder>
                    </navigation>
                </ul>
            </div>
        </div>
    </nav>
    <!-- End navbar -->  
<!--header end-->